<!DOCTYPE html>
<html lang="en">
<head>
    <title>薄荷单车下载页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="下载页" />
    <meta name="description" content="下载页">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="applicable-device" content="mobile" />
    <meta name="viewport" content="minimal-ui=yes,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <style>
        html {
            font-size:100px
        }
        @media(min-width:320px) {
            html {
                font-size:42.66px
            }
        }
        @media(min-width:360px) {
            html {
                font-size:48px
            }
        }
        @media(min-width:400px) {
            html {
                font-size:53.33px
            }
        }
        @media(min-width:640px) {
            html {
                font-size:85.33px
            }
        }

        @media(min-width:720px) {
            html {
                font-size:96px
            }
        }

        @media(min-width:800px) {
            html {
                font-size:106.66px
            }
        }
        html,body,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,b,u,i,p,em,td,th,input,textarea,label,select,iframe,button {
            font-family:"SimHei";  padding:0;  margin:0;  color: #333;  font-weight: normal;
        }

        *:focus { outline: none; }

        body {  max-width: 800px;  margin: 0 auto;  min-height: 12.06rem;  }

        /*--------css reset end-----------*/

        .phone-dl{
            background: url("images/golf_bg.jpg") no-repeat 0 0;
            background-size: cover;
            height: 13.34rem;
            position: relative;
        }

        .phone-dl .dlimg img{  position: absolute;  top: 3.6rem;  left: 50%;  transform: translateX(-50%);  width: 3.99rem;  height: auto;  }
        .phone-dl .btn img{  position: absolute;  bottom: .6rem;  left: 50%;  transform: translateX(-50%);  width: 6rem;  height: auto;  }
        .phone-dl .tips img{  width: 100%;  height: 100%;  }
        .hidden{ display: none;}
        .show{ display: block;}
    </style>
</head>
<body>

<section class="phone-dl">
    <div class="dlimg">
        <img src="images/golf-1.png" alt="高领秀界面展示">
    </div>

    <div class="btn">
        <img id="btn" src="images/golf-btn.png" alt="">
    </div>
    
    <div class="tips hidden" id="tipid" >
        <img src="images/safri-tips.png" alt="">
    </div>
</section>

<script>
    window.onload = function(){

        var btn=document.getElementById('btn');

        btn.onclick = function(){
            if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
                window.location.href ="https://www.pgyer.com/1Ix1";
            } else if (/(Android)/i.test(navigator.userAgent)) {
                window.location.href ="https://www.pgyer.com/XmGE";
            } else {
                window.location.href ="http://112.64.131.222/appDownload/golfshow.html";
            }

            function is_weixn(){
                var ua = navigator.userAgent.toLowerCase();
                if(ua.match(/MicroMessenger/i)=="micromessenger") {
                    $("#tipid").removeClass("hidden");
                }
            }
            is_weixn();
        }

    }
</script>

</body>
</html>